<html>
    <head>
        <meta charset="utf-8">
        <script src="../vue.js"></script>
        <style>          
        </style>
    </head>
    <body>
        <!--
            属性绑定 和 双向数据绑定 学习
        -->
        <div id="root">
           <div v-bind:title="'this is '+title">hello world</div>
           <input v-model="content"/>
        </div>
        <script>
            var num=10;
           var app1= new Vue({
                el:'#root',//绑定的是dom元素
                data:{
                    title:"hello world",
                    content:"this is content"
                },
            })
        </script>
    </body>
</html>